<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>用户个人中心</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--以显示网页的屏幕宽度定义了视窗宽度。网页的比例和最大比例被设置为100%-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="asset/plugins/weui/css/weui.min.css">
    <link rel="stylesheet" href="asset/plugins/jquery-weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="asset/plugins/iconfont/iconfont.css">
    <link rel="stylesheet" href="asset/plugins/cropper/cropper.min.css">

    <link rel="stylesheet" href="asset/css/p-personal-center.css">
    <link rel="stylesheet" href="asset/css/m-avatar.css">
</head>
<body>
<div class="m-wrap" id="crop-avatar">
    <div class="weui-cells weui-cells--personal">
        <a href="javascript:;" data-target="#avatar-modal" class="weui-cell weui-cell_access open-popup avatar-view">
            <div class="weui-cell__bd">
                <p>头像</p>
            </div>
            <div class="weui-cell__hd" title="Change the avatar">
                <img class="p-personal-avatar g-img-bordered" src="asset/images/avatar/a9.jpg" alt="Avatar">
            </div>
            <div class="weui-cell__ft"></div>
        </a>
        <a href="javascript:;" data-target="#nickname" class="weui-cell weui-cell_access open-popup">
            <div class="weui-cell__bd">
                <i class="iconfont icon-gerenzhongxin"></i><span>昵称</span>
            </div>

            <div class="weui-cell__ft">兜兜里有糖</div>
        </a>
        <a href="javascript:;" data-target="#phone" class="weui-cell weui-cell_access open-popup">
            <div class="weui-cell__bd">
                <i class="iconfont icon-shouji"></i><span>手机</span>
            </div>
            <div class="weui-cell__ft"><p style="color:#D6D6D6;font-size:13px;">输入手机号码，实时掌握最新优惠</p></div>
        </a>
    </div>
    <div class="weui-cells weui-cells--personal">
        <a href="my-reward.html" class="weui-cell weui-cell_access">
            <div class="weui-cell__bd">
                <i class="iconfont icon-dashang"></i><span>我的打赏</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
        <a href="my-draw.html" class="weui-cell weui-cell_access">
            <div class="weui-cell__bd">
                <i class="iconfont icon-choujiang"></i><span>我的抽奖</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
        <a href="collection.html" class="weui-cell weui-cell_access">
            <div class="weui-cell__bd">
                <i class="iconfont icon-wujiaoxing-copy1"></i><span>我的收藏</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
        <a href="my-message.html" class="weui-cell weui-cell_access">
            <div class="weui-cell__bd">
                <i class="iconfont icon-xinfeng"></i><span>我的私信</span>
                <span class="weui-badge g-ml--5">8</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
    </div>
    <div class="weui-cells weui-cells--personal">
        <a href="javascript:;" data-target="#feedback" class="weui-cell weui-cell_access open-popup">
            <div class="weui-cell__bd">
                <i class="iconfont icon-pinglun"></i><span>意见反馈</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
        <a href="javascript:;" data-target="#agreement" class="weui-cell weui-cell_access open-popup">
            <div class="weui-cell__bd">
                <i class="iconfont icon-agreement"></i><span>服务协议</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
        <a href="javascript:;" data-target="#about" class="weui-cell weui-cell_access open-popup">
            <div class="weui-cell__bd">
                <i class="iconfont icon-women"></i><span>关于我们</span>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
    </div>
    <div class="m-submit-wrap">
        <a href="javascript:;" onclick="history.go(-1)" class="weui-btn weui-btn_orange">返回上一页</a>
    </div>


<!--弹出层 头像-->
<div id="avatar-modal" class="weui-popup__container weui-popup--default">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal">
        <form class="avatar-form" action="crop.php" enctype="multipart/form-data" method="post">
            <div class="m-modal_header">
                <h4 class="m-modal_header_title">头像</h4>
                <a href="javascript:;" class="m-modal_header_closed close-popup">
                    <i class="iconfont icon-quxiao"></i>
                </a>
            </div>
            <div class="m-modal_body">
                <!-- Upload image and data -->
                <div class="avatar-upload weui-btn-area">
                    <input type="hidden" class="avatar-src" name="avatar_src">
                    <input type="hidden" class="avatar-data" name="avatar_data">
                    <!--<label for="avatarInput">Local upload</label>-->
                    <div class="weui-btn weui-btn_link weui-btn_orange m-btn-file">
                        选择图片
                        <input type="file" accept="image/*,camera" capture="camera" class="avatar-input" id="avatarInput" name="avatar_file">
                    </div>
                </div>

                <div class="weui-loadmore" style="display:none;">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">正在加载</span>
                </div>
                <!-- Crop and preview -->
                <div class="g-mt--20">
                    <div class="avatar-wrapper"></div>
                </div>
                <div class="weui-flex">
                    <!--<div class="weui-flex__item">
                        <div class="avatar-preview preview-lg"></div>
                    </div>-->
                    <div class="weui-flex__item g-ta--c">
                        <div class="avatar-preview preview-md"></div>
                    </div>
                    <!--<div class="weui-flex__item">
                        <div class="avatar-preview preview-sm"></div>
                    </div>-->
                    <div class="avatar-btns g-mt--10">
                        <div class="btn-group g-ta--c">
                            <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate" data-option="-90" title="Rotate -90 degrees">向左旋转</button>
                            <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate" data-option="-15">-15deg</button>
                            <!--<button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"-->
                                    <!--data-option="-30">-30deg-->
                            <!--</button>-->
                            <!--<button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"-->
                                    <!--data-option="-45">-45deg-->
                            <!--</button>-->
                        </div>
                        <div class="btn-group g-ta--c">
                            <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"data-option="90" title="Rotate 90 degrees">向右旋转</button>
                            <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"data-option="15">15deg</button>
                            <!--<button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"-->
                                    <!--data-option="30">30deg-->
                            <!--</button>-->
                            <!--<button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"-->
                                    <!--data-option="45">45deg-->
                            <!--</button>-->
                        </div>
                    </div>
                </div>

                <!--<div class="avatar-btns g-mt&#45;&#45;5">
                    <div class="btn-group g-ta&#45;&#45;c">
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="-90" title="Rotate -90 degrees">Rotate Left
                        </button>
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="-15">-15deg
                        </button>
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="-30">-30deg
                        </button>
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="-45">-45deg
                        </button>
                    </div>
                    <div class="btn-group g-ta&#45;&#45;c">
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="90" title="Rotate 90 degrees">Rotate Right
                        </button>
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="15">15deg
                        </button>
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="30">30deg
                        </button>
                        <button type="button" class="weui-btn weui-btn_mini weui-btn_orange" data-method="rotate"
                                data-option="45">45deg
                        </button>
                    </div>
                </div>-->

                <div class="weui-btn-area">
                    <button type="submit" class="weui-btn weui-btn_orange btn-block avatar-save">确定</button>
                    <!--<a href="javascript:;" class="weui-btn weui-btn_orange">确定</a>-->
                </div>

            </div>
        </form>
    </div>
</div>
</div>
<script type="text/javascript" src="asset/plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" src="asset/plugins/jquery-weui/js/jquery-weui.min.js"></script>
<script type="text/javascript" src="asset/plugins/cropper/cropper.min.js"></script>
<!--<script type="text/javascript" src="asset/js/m-grade-stars.js"></script>-->
<script type="text/javascript" src="asset/js/m-avatar-copy.js"></script>
<!--p-index.js-->
<!--<script type="text/javascript" src="asset/js/p-waiter-info.js"></script>-->
</body>
</html>